/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      监控      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Monitor {
  &-Lift {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("~@screen/assets/img/Monitor/lift.gif") no-repeat;
    background-size: 100% 100%;
  }

  /* ============================== 我的右侧 ============================== */
  &-Right {
    position: absolute;
    right: 0;
    width: calc(462 * 100vh / 1080);
    height: 100%;

    > div:first-child {
      position: absolute;
      right: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(270deg, #071024, rgba(7, 16, 36, 0.7) 70%, rgba(7, 16, 36, 0));
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    > div:last-child {
      position: absolute;
      top: 13%;
      right: calc(15 * 100vh / 1080);
      width: calc(432 * 100vh / 1080);
      height: calc(890 * 100vh / 1080);
      background-image: url("~@screen/assets/img/home/right.png");
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: center center;
    }
  }

  &-Right-air {
    background-image: url("~@screen/assets/img/Monitor/right_air.png") !important;
  }

  &-Right-water {
    background-image: url("~@screen/assets/img/Monitor/right_water.png") !important;
  }

  &-Right-light {
    background-image: url("~@screen/assets/img/Monitor/right_light.png") !important;
  }
}
